.display-btn {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-end;

  .btn {
    > view {
      border-radius: 50%;
      width: 35px;
      height: 35px;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--primary-plain);
      color: var(--primary);
      font-weight: normal;
      margin-left: 8px;
      margin-top: 5px;
    }
  }

  .menu {
    position: absolute;
    bottom: 43px;
    right: 0;
    max-width: 340px;
    // transform: translateX(-0px);
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    flex-wrap: wrap;
    background-color: $fff;
    border: var(--primary-border-line);
    border-radius: 5px;
    padding: 5px 0px;
    padding-bottom: 0;
    box-shadow: $box_shadow;

    .menu-btn {
      margin: 0 5px;
      margin-bottom: 5px;
      box-sizing: border-box;
      width: calc(33% - 10px);
      min-width: 80px;
      display: flex;
      align-items: center;
      justify-content: center;

      > view {
        white-space: nowrap;
        border-radius: 5px;
        display: flex;
        font-size: 12px;
        align-items: center;
        justify-content: center;
        height: 24px;
      }

      text {
        font-size: 14px;
        margin-right: 3px;
      }

      .enable-btn {
        border: 1px solid var(--primary);
        color: var(--primary);
        padding: 0 10px;

        text {
          color: var(--primary);
        }
      }

      .disabled-btn {
        border: var(--disabled-border);
        color: var(--primary-text-label);
        background-color: var(--disabled-bg);

        text {
          color: var(--primary-text-labe);
        }
      }
    }
  }

  .icon-shanchu1,
  .icon-jinyong1 {
    color: var(--error) !important;
    background-color: var(--error-plain) !important;
  }

  .hide-menu {
    position: absolute;
    transition: 0.5s;
    opacity: 0;
    z-index: -1;
    // transform: translateX(400px);
  }
}
